<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 控制台主页一</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../res/css/layui.css" media="all">
  <script type="text/javascript" src="https://lib.baomitu.com/jquery/3.3.0/jquery.min.js"></script>
  <script src="https://lib.baomitu.com/echarts/4.2.0-rc.2/echarts.min.js"></script>
  <link rel="stylesheet" href="./css/admin.css" media="all">
  <link rel="stylesheet" type="text/css" href="bcss/layui.css"/>
  <link rel="stylesheet" type="text/css" href="bcss/admin.css"/>
  <script type="text/javascript">
  	$(function(){
  		$("#one").load("../cst/cartogram/cartogramone.html");
  		$("#three").load("../cst/cartogram/cartogramfour.html");
  		$("#two").load("../cst/cartogram/cartogramthree.html");
  		$("#four").load("../cst/cartogram/cartogramtwo.html");
  	})
  </script>
  <style>
	  #crr{
	    width:100%;
	  }
	  #two,#one{
	  	width: 500px;
	  	height:440px;
	  	border:1px solid white;
	  }
	  #three{
	  	padding-left:50px;
	  	width: 400px;
	  	height:300px;
	  }
	  #five{
	  	width: 400px;
	  	height:300px;
	  }
  	.layui-col-md{
  		width: 550px;
  		float: left;
  	}
  	#space{
	  	width:1100px;
  	}
  	.data-show{
  		margin-top: 30px;
  	}
  	
  </style>
</head>
<body>
  
  <div class="layui-fluid">
 <div class="data-show" style="margin-left: -15px;">
	<ul class="clearfix">
		<li class="col-sm-12 col-md-4 col-xs-12">
			<a href="javascript:;" class="clearfix">
				<div class="icon-bg bg-org f-l">
					<span class="iconfont" id="icon" ></span>
				</div>
				<div class="right-text-con">
					<p class="name" id="bName"></p>
					<p><span class="color-org" id="Count"></span><span id="e"></span>&nbsp;&nbsp;<span class="iconfont" >&#xe628;</span></p>
				</div>
			</a>
		</li>
		<li class="col-sm-12 col-md-4 col-xs-12">
			<a href="javascript:;" class="clearfix">
				<div class="icon-bg bg-green f-l">
					<span class="iconfont">&#xe653;</span>
				</div>
				<div class="right-text-con">
					<p class="name">商品数</p>
					<p><span class="color-green" id="ComCount"></span>件&nbsp;&nbsp;<span class="iconfont">&#xe658;</span></p>
				</div>
			</a>
		</li>
		<li class="col-sm-12 col-md-4 col-xs-12">
			<a href="javascript:;" class="clearfix">
				<div class="icon-bg bg-blue f-l">
					<span class="iconfont">&#xe65e;</span>
				</div>
				<div class="right-text-con">
					<p class="name">财务总金额</p>
					<p><span class="color-blue" id="money"></span>元&nbsp;&nbsp;<span class="iconfont">&#xe65e;</span></p>
				</div>
			</a>
		</li>
	</ul>
</div>
    <div class="layui-row layui-col-space15" style="width:900px;">
      <div class="layui-col-md8">
        <div class="layui-row layui-col-space15" id="space">
          <div class="layui-col-md" style="width: 520px;">
            <div class="layui-card">
              <div class="layui-card-header">零食销售排行</div>
              <div class="layui-card-body">
	                <div id="one">
	                	
	                </div>
              </div>
            </div>
          </div>
          
          <div class="layui-col-md" style="width: 550px;">
            <div class="layui-card">
              <div class="layui-card-header">销售总金额统计</div>
              <div class="layui-card-body">
					<div id="two">
						
					</div>
              </div>
            </div>
          </div>
          <div class="layui-col-md" style="width: 520px;">
            <div class="layui-card">
              <div class="layui-card-header">销售前五商品5月份业务统计图</div>
              <div class="layui-card-body">
					<div id="three">
						
					</div>
              </div>
            </div>
          </div>
          <div class="layui-col-md" style="width: 550px;">
            <div class="layui-card">
              <div class="layui-card-header"><a target="msg" href="inventory/sncominventory.html">零食库存预警</a>&nbsp;/&nbsp;<a target="msg" href="inventory/snmainventory.html">材料库存预警</a></div>
              <div class="layui-card-body">
					<div id="five">
						<iframe name="msg" width="125%" height="300px" scrolling="yes" frameborder="0" src='inventory/sncominventory.html' ></iframe>
					</div>
              </div>
            </div>
          </div>
          
         <div class="layui-col-md12" style="width:100%;">
            <div class="layui-card" id="crr">
              <div class="layui-card-header">零食销售前三详细业绩</div>
              <div class="layui-card-body" id="four">
                
                
              </div>
            </div> 
          </div>
        </div>
      </div>
  </div>

  <script src="../../res/layui.js?t=1"></script>  
  <script src="console.js"></script> 
  <script src="bcss/layui.js" type="text/javascript" charset="utf-8"></script>
  <script>
  layui.config({
    base: './' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index']);
  </script>
</body>
</html>

